<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Insert title here</title>
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/dataTables.bootstrap.min.css">
	<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
</head>a
<body>
<div>
	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
		<div>
			<header style="height: 100%">
				<div align="left">
					<table style="width: 100%">
						<tr>
							<td>
								<form class="form-inline" onsubmit="return false">
									<div class="form-group">
										id：
										<input id="id" type="text" class="form-control" placeholder="id">
										<button id="searchBt" class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe615;</i>搜索</button>
									</div>
								</form>
							</td>
							<td align="right">
								<button class="layui-btn layui-btn-sm" onclick="location.href='addGoodsOrder.html'">
									<i class="layui-icon">&#xe608;</i> 添加
								</button>
							</td>
						</tr>
					</table>
				</div>
			</header>

			<div>
				<div class="widget-body no-padding">
					<table id="dt-table" class="table table-striped table-bordered table-hover" style="width:100%">
						<thead>
						<tr>
						</tr>
						<tr>
							<th>id</th>
							<th>orderNum</th>
							<th>total</th>
							<th>integral</th>
							<th>payment</th>
							<th>paymentType</th>
							<th>postType</th>
							<th>status</th>
							<th>createTime</th>
							<th>updateTime</th>
							<th>paymentTime</th>
							<th>consignTime</th>
							<th>endTime</th>
							<th>closeTime</th>
							<th>shippingName</th>
							<th>shippingCode</th>
							<th>freight</th>
							<th>userId</th>
							<th>receiverPhone</th>
							<th>receiverName</th>
							<th>receiverAreaName</th>
							<th>afterSalesService</th>
							<th>invoice</th>
							<th>num</th>
							<th>smallPic</th>
							<th>type</th>
							<th>操作</th>
						</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>

<script type="text/javascript" src="../../js/libs/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../../js/jq.js"></script>
<script type="text/javascript" src="../../js/plugin/datatables/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../../js/plugin/datatables/dataTables.bootstrap.min.js"></script>
<script type="text/javascript" src="../../layui/layui.js"></script>
<script type="text/javascript" src="../../js/my/permission.js"></script>
<script type="text/javascript">
    var pers = checkPermission();

    var example;
    function init(){
        example =
            $('#dt-table').DataTable({
                "searching": false,
                "processing": false,
                "serverSide" : true,
                "language": {
                    "url": "/js/plugin/datatables/Chinese.lang"
                },
                "ajax": {
                    "url" : "/goodsOrders",
                    "type":"get",
                    "data":function(d){
                        d.id = $("#id").val();
                    }
                },
                "dom": "<'dt-toolbar'r>t<'dt-toolbar-footer'<'col-sm-10 col-xs-12 hidden-xs'i><'col-xs-12 col-sm-10' p v>>",
                "columns": [
                    {"data" : "id", "defaultContent" : ""},
                    {"data" : "orderNum", "defaultContent" : ""},
                    {"data" : "total", "defaultContent" : ""},
                    {"data" : "integral", "defaultContent" : ""},
                    {"data" : "payment", "defaultContent" : ""},
                    {"data" : "paymentType", "defaultContent" : ""},
                    {"data" : "postType", "defaultContent" : ""},
                    {"data" : "status", "defaultContent" : ""},
                    {"data" : "createTime", "defaultContent" : ""},
                    {"data" : "updateTime", "defaultContent" : ""},
                    {"data" : "paymentTime", "defaultContent" : ""},
                    {"data" : "consignTime", "defaultContent" : ""},
                    {"data" : "endTime", "defaultContent" : ""},
                    {"data" : "closeTime", "defaultContent" : ""},
                    {"data" : "shippingName", "defaultContent" : ""},
                    {"data" : "shippingCode", "defaultContent" : ""},
                    {"data" : "freight", "defaultContent" : ""},
                    {"data" : "userId", "defaultContent" : ""},
                    {"data" : "receiverPhone", "defaultContent" : ""},
                    {"data" : "receiverName", "defaultContent" : ""},
                    {"data" : "receiverAreaName", "defaultContent" : ""},
                    {"data" : "afterSalesService", "defaultContent" : ""},
                    {"data" : "invoice", "defaultContent" : ""},
                    {"data" : "num", "defaultContent" : ""},
                    {"data" : "smallPic", "defaultContent" : ""},
                    {"data" : "type", "defaultContent" : ""},
                    {
                        "data": "",
                        "defaultContent": "",
                        "orderable":false,
                        "render": function (data, type, row) {
                            var id = row['id'];
                            var href = "updateGoodsOrder.html?id=" + id;
                            var edit = buttonEdit(href, "", pers);
                            var del = buttonDel(id, "", pers);
                            return edit + del;
                        }
                    },

                ],
                "order": [[ 0, "asc" ]]
            } );
    }

    layui.use('layer', function(){
        var layer = layui.layer;
    });

    function del(id){
        layer.confirm('确定要删除吗？', {
            btn : [ '确定', '取消' ]
        }, function() {
            $.ajax({
                type : 'delete',
                url : '/goodsOrders/'+id,
                success : function(data) {
                    example.ajax.reload();
                    layer.msg("删除成功");
                }
            });

            layer.close(1);
        });
    }

    $("#searchBt").click(function(){
        example.ajax.reload();
    });

    init();
</script>
